﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IEnumerable<MuaChung.Models.CouponDetailMin>>" %>

<h2>Các coupon hot hôm nay</h2>
<link href="/Content/HomeIndex.css" rel="stylesheet" type="text/css" />
<div id="gallery">
  <div id="imagearea">
    <div id="image">
      <a href="javascript:slideShow.Goto()" class="imgLink" id="imgLink"></a>
      <a href="javascript:slideShow.nav(-1)" class="imgnav " id="previmg"></a>
      <a href="javascript:slideShow.nav(1)" class="imgnav " id="nextimg"></a>
    </div>
  </div>
  <div id="thumbwrapper">
    <div id="thumbarea">
      <ul id="thumbs">
        <%foreach (var item in Model)
          {%>
            <li class="imgsli" value="<%: item.cid%>">
                <img src="<%: item.hinhAnh %>" width="179" height="100" alt="" />
                <input class="hdurlimg" type="hidden" value="<%: item.hinhAnh %>" />
                <input class="linkCoupon" type="hidden" value="<%: item.serverLinkCoupon%>" />
            </li>            
        <%}%>
      </ul>
    </div>
  </div>
</div>
<script type="text/javascript">
    var imgid = 'image';
    var imgdir = '/Content/Images/CouponImages';
    var imgext = '.jpg';
    var thumbid = 'thumbs';
    var auto = true;
    var autodelay = 5;
</script>
<script type="text/javascript" src="/Scripts/slide.js"></script>
<script type="text/javascript">
    slideShow.init();
    slideShow.lim();
</script>
